<template name="sideNav">
	<aside class="rcx-sidebar sidebar sidebar--main sidebar--{{sidebarViewMode}} {{#if sidebarHideAvatar}}sidebar--hide-avatar{{/if}}" role="navigation">
		{{> sidebarHeader }}
		<div class="wrapper-unread">
			<div class="unread-rooms background-primary-action-color color-primary-action-contrast top-unread-rooms hidden">
				<i class="icon-up-big"></i> {{_ "More_unreads"}}
			</div>
		</div>
		<div class="rooms-list sidebar--custom-colors" aria-label="{{_ "Channels"}}" role="region">
			{{> sidebarChats }}
		</div>
		<div class="wrapper-unread">
			<div class="unread-rooms background-primary-action-color color-primary-action-contrast bottom-unread-rooms hidden">
				<i class="icon-down-big"></i> {{_ "More_unreads"}}
			</div>
		</div>
		<div class="flex-nav animated-hidden">
			{{> Template.dynamic template=flexTemplate data=flexData }}
		</div>

		<footer class="sidebar__footer">{{{footer}}}</footer>
	</aside>
	<div class="sidebar-wrap"></div>
</template>
